<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:include="teacher/common :: commonhead">
    <!--<div th:replace="teacher/common :: commonhead"></div>-->
</head>
<head>
    <!--这里写这个页面单独需要的css-->
    <!--data table-->
    <link rel="stylesheet" href="js/data-tables/DT_bootstrap.css" th:href="@{/js/data-tables/DT_bootstrap.css}"/>
</head>
<body class="sticky-header">

<section>
    <!--  引入左侧边  -->
    <div th:replace="teacher/common :: left"></div>

    <div class="main-content">
        <div th:replace="teacher/common :: header-section"></div>
        <!--这里开始写东西-->
        <div class="wrapper">
            <div class="row">
                <div class="col-sm-12">
                    <section class="panel">
                        <header class="panel-heading">
                            添加课程
                            <span class="tools pull-right">
                        <a href="javascript:;" class="fa fa-chevron-down"></a>
                        <a href="javascript:;" class="fa fa-times"></a>
                     </span>
                        </header>
                        <div class="panel-body">
                            <div class="adv-table editable-table ">
                                <div class="space15"></div>
                                <table class="table table-striped table-hover table-bordered" id="editable-sample">
                                    <thead>
                                    <tr>
                                        <th>First Name</th>
                                        <th>Last Name</th>
                                        <th>Points</th>
                                        <th>Status</th>
                                        <th>Edit</th>
                                        <th>Delete</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="">
                                        <td>Jonathan</td>
                                        <td>Smith</td>
                                        <td>3455</td>
                                        <td class="center">Lorem ipsume</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Mojela</td>
                                        <td>Firebox</td>
                                        <td>567</td>
                                        <td class="center">new user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Akuman </td>
                                        <td> Dareon</td>
                                        <td>987</td>
                                        <td class="center">ipsume dolor</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Theme</td>
                                        <td>Bucket</td>
                                        <td>342</td>
                                        <td class="center">Good Org</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Jhone</td>
                                        <td> Doe</td>
                                        <td>345</td>
                                        <td class="center">super user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Margarita</td>
                                        <td>Diar</td>
                                        <td>456</td>
                                        <td class="center">goolsd</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Jhon Doe</td>
                                        <td>Jhon Doe </td>
                                        <td>1234</td>
                                        <td class="center"> user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Helena</td>
                                        <td>Fox</td>
                                        <td>456</td>
                                        <td class="center"> Admin</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Aishmen</td>
                                        <td> Samuel</td>
                                        <td>435</td>
                                        <td class="center">super Admin</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>dream</td>
                                        <td>Land</td>
                                        <td>562</td>
                                        <td class="center">normal user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>babson</td>
                                        <td> milan</td>
                                        <td>567</td>
                                        <td class="center">nothing</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Waren</td>
                                        <td>gufet</td>
                                        <td>622</td>
                                        <td class="center">author</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Jhone</td>
                                        <td> Doe</td>
                                        <td>345</td>
                                        <td class="center">super user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Margarita</td>
                                        <td>Diar</td>
                                        <td>456</td>
                                        <td class="center">goolsd</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Jhon Doe</td>
                                        <td>Jhon Doe </td>
                                        <td>1234</td>
                                        <td class="center"> user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Helena</td>
                                        <td>Fox</td>
                                        <td>456</td>
                                        <td class="center"> Admin</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Aishmen</td>
                                        <td> Samuel</td>
                                        <td>435</td>
                                        <td class="center">super Admin</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>dream</td>
                                        <td>Land</td>
                                        <td>562</td>
                                        <td class="center">normal user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>babson</td>
                                        <td> milan</td>
                                        <td>567</td>
                                        <td class="center">nothing</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Waren</td>
                                        <td>gufet</td>
                                        <td>622</td>
                                        <td class="center">author</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Jhone</td>
                                        <td> Doe</td>
                                        <td>345</td>
                                        <td class="center">super user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Margarita</td>
                                        <td>Diar</td>
                                        <td>456</td>
                                        <td class="center">goolsd</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Jhon Doe</td>
                                        <td>Jhon Doe </td>
                                        <td>1234</td>
                                        <td class="center"> user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Helena</td>
                                        <td>Fox</td>
                                        <td>456</td>
                                        <td class="center"> Admin</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Aishmen</td>
                                        <td> Samuel</td>
                                        <td>435</td>
                                        <td class="center">super Admin</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>dream</td>
                                        <td>Land</td>
                                        <td>562</td>
                                        <td class="center">normal user</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>babson</td>
                                        <td> milan</td>
                                        <td>567</td>
                                        <td class="center">nothing</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    <tr class="">
                                        <td>Waren</td>
                                        <td>gufet</td>
                                        <td>622</td>
                                        <td class="center">author</td>
                                        <td><a class="edit" href="javascript:;">Edit</a></td>
                                        <td><a class="delete" href="javascript:;">Delete</a></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </section>
                </div>
            </div>

        </div>
        <!--body wrapper end-->

    </div>
</section>

<div th:replace="teacher/common :: commonjs"></div>
<!--data table-->
<script type="text/javascript" th:src="@{/js/data-tables/jquery.dataTables.js}"></script>
<script type="text/javascript" th:src="@{/js/data-tables/DT_bootstrap.js}"></script>
<!--script for editable table-->
<script th:src="@{/js/editable-table.js}"></script>

<!-- END JAVASCRIPTS -->
<script>
    jQuery(document).ready(function() {
        EditableTable.init();
    });
</script>
</body>
</html>